<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		    	
			.beijing{   
				position: fixed;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				background-color: #000;
				
				opacity: 0.3; 
				z-index: 999 !important; 
				/*display: none;*/
			}
			.localing{
				width: 360px;
				height: 360px;
				background-image: url(img/144653552478615511.gif);
				background-size: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				margin:-180px 0 0 -180px;
			}
		</style>
	</head>
	<body>
		<div class="beijing">
			<div class="localing"></div>
		</div>

		<script type="text/javascript">
			!function(window,document,undefined) {
				window.onkeydown = function(e) {
					e = event || window.event;
					if(e.keyCode == 27) {
						var hide = document.getElementsByClassName('beijing')[0];
						hide.style.display = 'none';
					}
				}
			}(window,document)
		</script>
	</body>
</html>
